<%@page contentType="text/html;charset=UTF-8"%> 
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title><tiles:insertAttribute name="title" /></title>
    
  <link type="text/css" rel="stylesheet" href="resources/css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="resources/css/style.css" />
	<script type="text/javascript" src="resources/js/jquery.js"></script>
	<script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery-ui.js"></script>
	<link type="text/css" rel="stylesheet" href="resources/css/jquery-ui.css" />
	
	<link type="text/css" rel="stylesheet" href="resources/css/jquery.ui.timepicker.css" />
	<script type="text/javascript" src="resources/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.ui.widget.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.ui.tabs.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.ui.position.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.ui.timepicker.js"></script>
	

	

	  <script type="text/javascript">
            $(document).ready(function() {
                $('#timepicker_locale').timepicker();
            });

        </script>

	
	
	<script>
		$(function() {
			$( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-yy' });
		});
	</script>
		<script>
		$(function() {
			$( "#datepicker_s" ).datepicker({ dateFormat: 'dd-mm-yy' });
		});
	</script>
	<script>
		$(function() {
			$( "#datepicker_edit" ).datepicker({ dateFormat: 'dd-mm-yy' });
		});
	</script>
	
	
	<script type="text/javascript">
		$(document).on('change', '.btn-file :file', function() {
			  var input = $(this),
			      numFiles = input.get(0).files ? input.get(0).files.length : 1,
			      label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
			  input.trigger('fileselect', [numFiles, label]);
			});
	
			$(document).ready( function() {
			    $('.btn-file :file').on('fileselect', function(event, numFiles, label) {
			        
			        var input = $(this).parents('.input-group').find(':text'),
			            log = numFiles > 1 ? numFiles + ' files selected' : label;
			        
			        if( input.length ) {
			            input.val(log);
			        } else {
			            if( log ) alert(log);
			        }
			        
			    });
			});
			
			
	</script>	
	<style type="text/css">
		.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
	
	</style>



  </head>
  <body>
	<div id="container">
	<div id="navigator">
		<tiles:insertAttribute name="navigator" />
		</div>
			<div id="wrapper">
				<div class="container">
					<div class="row">
						<div id="left-content">
							<div class="col-md-3">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 id="mobile_home">Danh Mục</h4>   
									</div>
									<a href="trangchu" class="list-group-item active"><span class="pull-right"><i class="icon-chevron-right"></i></span>Trang Chủ</a>
									<a href="thuky" class="list-group-item "><span class="pull-right"><i class="icon-chevron-right"></i></span>Công Văn Đến</a>  
								</div>
								
							</div><!--end col-md-3-->
				
						</div><!-- end #left-content-->				
						<div class="col-md-9">
							<tiles:insertAttribute name="breadcrumb" />	
								<div class="panel panel-default">
									<div style="color: rgb(7, 132, 163);" class="panel-heading">
										<h4 style="font-family: verdana;color:rgb(87,87,87);">Công Văn Đến</h4>
									</div>
										<div class="panel-body">
										${login}
											<tiles:insertAttribute name="content" />
										</div><!--end panel-body-->
								</div><!--end .panel panel-default-->		
							<tiles:insertAttribute name="breadcrumb" />	
						</div><!--end .col-md-9-->
					</div><!-- end .row-->
				</div><!-- end .container-->
			</div><!-- end #wrapper-->
		<tiles:insertAttribute name="footer" />	
	</div><!-- end #container-->
	
  </body>
</html>